
//列表
.call_on{
width: 100%;
height: 89vh;
.list_box{
width: 100%;
height: auto;
}

}
.loading-text {
    text-align: center;
    font-size: $uni-font-size-base;
    color: #666;
    padding: 20rpx 0 50rpx;
}
// 列表内容
.item_wrap{
margin-top: 20rpx;
.item{
  margin-bottom: 20rpx;
  border-radius: 16rpx;
  background-color: #FFFFFF;
  box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.05);

  .flex{
    display: flex;
    align-items: self-start;
  }
  .flex_img{
    width:88rpx;
    height: 88rpx;
    background: #F7F5F6;
    border-radius: 12rpx;
    margin-left: 20rpx;
    margin-top: 30rpx;
  }
  .item_left{
    width: 60%;
    padding: 25rpx 0 16rpx 20rpx;
    // height: 168rpx;
    flex-direction: column;
    font-family: PingFangSC;
    color: $uni-text-color;
    
    
    .name_and_phone{
      .name{margin-right: 8rpx;}
     display: flex;
     align-items: center;
      color: #666666;
      font-weight: 400;
     font-size:$uni-font-size-26;
      margin-bottom: 20rpx;
    }
    .addresss{
      image{width: 18rpx; height: 26rpx; margin-right: 8rpx;}
      display: flex;
      align-items: center;
      color: #999999;
      font-weight: 500;
      font-size: $uni-font-size-sm;
    }
   
  }
  .item_right{
    padding-right: 30rpx;
    font-family: PingFangSC;
    color: $uni-color-primary;
    font-weight: 400;
    font-size: 22rpx;
    display: flex;
    margin-top: 90rpx;
    .name{
      margin-right: 6rpx;
    }
  }
  .box{
    width: 90%;
    margin: 0 auto 20rpx auto;
      .box_content{
          white-space: nowrap;
          /* 不换行 */
          overflow: hidden;
          /* 超出部分隐藏 */
          text-overflow: ellipsis;
          /* 显示省略号 */
          border-radius: 16rpx;
          background-color: #F9FAFF;
          padding: 20rpx;
        }
    }
  .buttons{
    border-top: 1rpx solid #efefef;
    display: flex;
    justify-content: flex-end;
   align-items: center;
    height: 100rpx;
    .btn{
      width: 150rpx;
      height: 60rpx;
      border-radius: 32rpx;
      font-family: PingFangSC;
      font-weight: 500;
      font-size: $uni-font-size-sm;
      margin: 0 10rpx 0 0;
      &::after{
        border:none;
      }
    }
    .refuse{
      border: 2rpx solid #dfdfdf;
      color: #333;
    }
    .blue{
      color: $uni-bg-color;
      background: linear-gradient(90deg, rgba(0, 56, 247, 1) 0%, rgba(77, 139, 255, 1) 100%);
    }
  }
}
}
.menu{
width: 100%;
height: 98rpx;
background: $uni-bg-color;
:deep(.u-tabs__wrapper__nav__item ){
  width: 14%;
}
:deep(.u-tabs__wrapper__nav__line){
  width: 30rpx !important;
  height: 8rpx !important;
  border-radius: 4rpx !important;
background: linear-gradient(90deg, rgba(0, 56, 247, 1) 0%, rgba(77, 139, 255, 1) 100%) !important;
}
}
//拒绝弹窗输入框颜色
:deep(.u-textarea){
  background-color:#F9FAFF !important;
  .u-textarea__field{
    height: 444rpx !important;
    padding: 10rpx;
  }
}

.item_left_box{
  display: flex;
  .status {
    width: 104rpx;
    height: 36rpx;
    font-family: PingFangSC;
    color: $uni-color-primary;
    font-weight: 500;
    font-size: 22rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18rpx;
    margin-right: 18rpx;
    background-color: rgba(0, 56, 247, 0.1);
  }
  .blue{
    width: 104rpx;
    height: 36rpx;
    font-family: PingFangSC;
    color: $uni-color-primary;
    font-weight: 500;
    font-size: 22rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18rpx;
    margin-right: 18rpx;
    background-color: rgba(0, 56, 247, 0.1);
  }
  .gray{
    width: 104rpx;
    height: 36rpx;
    font-family: PingFangSC;
    color: #333;
    font-weight: 500;
    font-size: 22rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18rpx;
    margin-right: 18rpx;
    background-color: #efefef;
  }
  .yellow {
    width: 104rpx;
    height: 36rpx;
    font-family: PingFangSC;
    color: #F77704;
    font-weight: 500;
    font-size: 22rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18rpx;
    margin-right: 18rpx;
    background-color: #FEF3E6;
  }
  .green {
    width: 104rpx;
    height: 36rpx;
    font-family: PingFangSC;
    color: #17A500;
    font-weight: 500;
    font-size: 22rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18rpx;
    margin-right: 18rpx;
    background-color: #EAFEE6;
  }
  .red {
    width: 104rpx;
    height: 36rpx;
    font-family: PingFangSC;
    color: #FF0000;
    font-weight: 500;
    font-size: 22rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18rpx;
    margin-right: 18rpx;
    background-color: #FEE6E6;
  }
  .title{
    font-weight: $uni-font-weight;
    font-size: $uni-font-size-base;
    margin-bottom: 10rpx;
    width: 88%;
    height: 50rpx;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    }
    .time_name_img{
      width: 24rpx;
      height: 24rpx;
      margin-right: 10rpx;
    }
    .time_name{
      font-family: PingFangSC;
      color: #999999;
      font-weight: 500;
      font-size: $uni-font-size-sm;
    }
    .name{
      font-family: PingFangSC;
      color: #666666;
      font-weight: 400;
     font-size:$uni-font-size-26;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 40rpx;
    }
   
}